.lkhierarchysf.ms-container h1, .lkhierarchysf.ms-container h2, .lkhierarchysf.ms-container h3,
.lkhierarchysf.ms-container h4, .lkhierarchysf.ms-container h5, .lkhierarchysf.ms-container h6,
.lkhierarchysf .ms-h1, .lkhierarchysf .ms-h2, .lkhierarchysf .ms-h3, .lkhierarchysf .ms-h4,
.lkhierarchysf .ms-h5, .lkhierarchysf .ms-h6, html .lkhierarchysf, body .lkhierarchysf,
.lkhierarchysf div, .lkhierarchysf applet, .lkhierarchysf object, .lkhierarchysf iframe,
.lkhierarchysf h1, .lkhierarchysf h2, .lkhierarchysf h3, .lkhierarchysf h4, .lkhierarchysf h5, .lkhierarchysf h6, .lkhierarchysf p,
.lkhierarchysf blockquote, .lkhierarchysf pre, .lkhierarchysf a, .lkhierarchysf abbr,
.lkhierarchysf .lkhierarchysf acronym, .lkhierarchysf address, .lkhierarchysf big,
.lkhierarchysf cite, .lkhierarchysf code, .lkhierarchysf del, .lkhierarchysf dfn, em,
.lkhierarchysf img, .lkhierarchysf ins, .lkhierarchysf kbd, .lkhierarchysf q, .lkhierarchysf s, .lkhierarchysf samp,
.lkhierarchysf small, .lkhierarchysf strike, .lkhierarchysf strong, .lkhierarchysf sub,
.lkhierarchysf sup, .lkhierarchysf tt, .lkhierarchysf var, .lkhierarchysf b, .lkhierarchysf u, i,
.lkhierarchysf center, .lkhierarchysf dl, .lkhierarchysf dt, .lkhierarchysf dd, .lkhierarchysf ol,
.lkhierarchysf ul, .lkhierarchysf li, .lkhierarchysf fieldset, .lkhierarchysf form,
.lkhierarchysf label, .lkhierarchysf legend, .lkhierarchysf caption,
.lkhierarchysf article, .lkhierarchysf aside, .lkhierarchysf canvas,
.lkhierarchysf details, .lkhierarchysf embed, .lkhierarchysf figure,
.lkhierarchysf figcaption, .lkhierarchysf footer, .lkhierarchysf header,
.lkhierarchysf hgroup, .lkhierarchysf menu, .lkhierarchysf nav, .lkhierarchysf output,
.lkhierarchysf ruby, .lkhierarchysf section, .lkhierarchysf summary,
.lkhierarchysf time, .lkhierarchysf mark, .lkhierarchysf audio, .lkhierarchysf video,
.lkhierarchysf a:hover, .lkhierarchysf a:link,
.lkhierarchysf container a:visited {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.lkhierarchysf {
    background-color: #fff;
}

    .lkhierarchysf.LiveKnowledgebase {
        background: white;
        padding: 25px;
        border-radius: 5px;
    }

    .lkhierarchysf .breadcr em.ms-glyphicon-home {
        margin-right: 2px;
    }

    .lkhierarchysf .breadcrlist {
        border-bottom: 1px solid #eee;
        padding: 10px 0;
        margin-bottom: 20px;
    }

    .lkhierarchysf .breadcr a {
        color: #333;
    }

        .lkhierarchysf .breadcr a:hover {
            color: #444;
        }

    .lkhierarchysf .breadcr span:last-child a {
        font-weight: 600;
    }

@media print {
    body * {
        overflow: hidden;
    }

    @page {
        size: auto;
        margin: 1cm;
    }

    .search_box, .ms-col-md-3, .userinfo {
        display: none;
    }

    a[href]:after {
        content: none !important;
    }
}

::-webkit-input-placeholder {
    color: #eee;
}

::-moz-placeholder {
    color: #eee;
}

:-ms-input-placeholder {
    color: #eee;
}

:-moz-placeholder {
    color: #eee;
}


.lkhierarchysf .cImage {
    float: left;
    width: 54px;
    height: auto;
}

.lkhierarchysf .category_name {
    color: #cc6600;
    position: relative;
    left: 9px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    padding-right: 15px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lkhierarchysf .lkContent a {
    text-decoration: none;
    position: relative;
    display: block;
}

.lkhierarchysf .lkContent {
    padding: 20px;
    border: 1px solid #f9f9f9;
    height: 150px;
    margin: 5px 0;
}

    .lkhierarchysf .lkContent:hover {
        border: 1px solid #ddd;
        box-shadow: 0 1px 15px 0 rgba(0,0,0,0.25);
    }

.lkhierarchysf p.description {
    line-height: 25px;
    color: #2c2c2c;
    text-overflow: ellipsis;
    height: 80px;
    overflow: hidden;
    position: absolute;
    left: 64px;
}

.lkhierarchysf .title_desc > h1,
.lkhierarchysf .mediaprint > h1,
.lkhierarchysf .lk_cat-lists h1 {
    font-size: 32px;
    margin: 10px 0 0;
}

.lkhierarchysf .cat-desc,
.lkhierarchysf .article-desc,
.lkhierarchysf .article-content {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 28px;
}

.lkhierarchysf .mediaprint .folder {
    margin-top: 8px;
}

.lkhierarchysf .sidebar {
    border: 1px solid #eee;
    background: #fbfbfb;
    padding: 10px 0;
    border-radius: 5px;
}

.lkhierarchysf li .sidebar-link {
    display: block;
    padding: 6px;
    text-decoration: none;
    list-style: none;
    color: #cc6600;
}


lkhierarchysf .sidebar-menu li.ms-active > .sidebar-link,
.lkhierarchysf .sidebar-menu li > .sidebar-link:hover {
    background: #cc6600;
    color: #fff !important;
}

.lkhierarchysf ul.sidebar-menu {
    list-style: none;
    margin: 0;
    padding-left: 7px;
}


.lkhierarchysf .list-heading h3 {
    text-transform: none;
    font-size: 24px;
    margin: 15px 0;
}

.lkhierarchysf .foldercount {
    padding: 5px 8px;
    background: #999;
    vertical-align: text-bottom;
}

/* start change after article on page*/

.lkhierarchysf .list-heading ul {
    padding-left: 20px;
    margin-left: 0;
}

    .lkhierarchysf .list-heading ul li.title {
        position: relative;
        list-style: none;
        padding: 8px 18px;
        border-bottom: 1px solid #ddd;
    }

        .lkhierarchysf .list-heading ul li.title a {
            text-decoration: none;
            color: #777;
        }

            .lkhierarchysf .list-heading ul li.title a:hover {
                color: #337ab7;
            }

        .lkhierarchysf .list-heading ul li.title:before {
            position: absolute;
            display: inline-block;
            text-align: center;
            line-height: 20px;
            color: #fff;
            width: 20px;
            height: 20px;
            content: "✓";
            transition: all 0.2s ease 0s;
            background: #cc6600;
            border-radius: 50%;
            left: -11px;
            top: 10px;
            font-size: 11px;
        }

.lkhierarchysf .rounded-list,
.lkhierarchysf ul.attachment {
    padding-left: 30px;
}

.lkhierarchysf .list_link {
    color: #666;
    font-size: 16px;
    padding: 1px 0;
}

    .lkhierarchysf .list_link:hover,
    .lkhierarchysf .list_link:active {
        text-decoration: none;
        color: #333;
    }
/* end change after article on page*/

.lkhierarchysf .btnposition {
    color: #aaa;
    font-size: 12px;
    margin-left: 6px;
}

.lkhierarchysf .ms-glyphicon-trash,
.lkhierarchysf .ms-glyphicon-pencil {
    color: #aaa;
    font-size: 12px;
    padding: 12px 7px;
}

.lkhierarchysf .mediaprint fieldset {
    border-radius: 3px;
    padding: 10px;
    border: 1px solid #ddd;
    margin: 20px 0;
}

.lkhierarchysf .mediaprint legend {
    margin: 0;
    border-bottom: 0;
    width: auto;
    font-size: 17px;
    padding: 0 10px;
    font-weight: bold;
    color: #777;
}

.lkhierarchysf .update {
    color: #aaa;
    font-style: italic;
    font-size: 13px;
}

.lkhierarchysf .attachment li a {
    text-decoration: none;
    color: #777;
    font-size: 16px;
    padding: 10px 0;
}

.lkhierarchysf .attachment a:before {
    content: "\e142";
    font-family: 'Glyphicons Halflings';
    color: #777777;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 10px;
    text-decoration: none;
}

.lkhierarchysf .userinfo img {
    margin: 4px 4px 8px 0;
    border: 1px solid #666;
    width: 30px;
    border-radius: 50%;
}

.lkhierarchysf ul.attachment {
    list-style: none;
    list-style-type: none;
}

.lkhierarchysf ul {
    color: #777;
}

.lkhierarchysf .userinfo {
    padding: 30px;
    margin: 40px 0 15px;
    border: 1px solid #ddd;
    text-align: center;
    position: relative;
}

    .lkhierarchysf .userinfo h1 {
        margin: 15px 0;
        color: #444;
        font-size: 18px;
        font-weight: bold;
    }

    .lkhierarchysf .userinfo .ms-success,
    .lkhierarchysf .userinfo .ms-danger {
        font-size: 24px;
        text-decoration: none;
        cursor: pointer;
        margin: 0 20px;
    }

    .lkhierarchysf .userinfo .ms-success {
        color: #20a523;
    }

    .lkhierarchysf .userinfo .ms-danger {
        color: #ff8b8b;
    }

.lkhierarchysf .ms-success:hover {
    color: #197f1c;
}

.lkhierarchysf .userinfo .ms-danger:hover {
    color: #fa5050;
}

.lkhierarchysf .feedbackPositive,
.lkhierarchysf .feedbackNegative {
    font-size: 20px;
    color: #333;
    margin: 0;
}

.lkhierarchysf .Related {
    margin-top: 10px;
}

    .lkhierarchysf .Related ul {
        padding-left: 20px;
        list-style: disc;
        margin-left: 0px;
    }

    .lkhierarchysf .Related .rightoggle.ms-badge {
        margin: 4px;
        border-radius: 4px;
        background: #337ab7;
        color: #fff;
        font-weight: normal;
        float: right;
    }

    .lkhierarchysf .mediaprint h3,
    .lkhierarchysf .Related h3 {
        display: inline-block;
        text-transform: none;
        color: #111;
        text-decoration: none;
        line-height: 36px;
        margin: 0 0 10px 0;
    }

.lkhierarchysf .list-heading.innerArticle h3 {
    display: inline-block;
    color: #111;
    text-decoration: none;
    line-height: 36px;
    margin: 0 0 10px 0;
}

.lkhierarchysf .mediaprint h3:after,
.lkhierarchysf .Related h3:after,
.list-heading.innerArticle h3:after {
    content: '';
    display: block;
    background: #cecece;
    padding: 1px 0 0;
}

.lkhierarchysf .Related ul li a {
    color: #777;
}

    .lkhierarchysf .Related ul li a:hover {
        color: #337ab7;
        text-decoration: none;
    }

.lkhierarchysf .Related li {
    padding: 6px 6px 6px 15px;
    position: relative;
    list-style: none;
    transition: background .5s ease-out;
    border-bottom: 1px solid #ddd;
}

    .lkhierarchysf .Related li:before {
        position: absolute;
        display: inline-block;
        text-align: center;
        line-height: 20px;
        color: #fff;
        width: 20px;
        height: 20px;
        content: "✓";
        transition: all 0.2s ease 0s;
        background: #337ab7;
        border-radius: 50%;
        left: -11px;
        top: 8px;
        font-size: 11px;
    }

/*start search css*/

.lkhierarchysf .search_box {
    text-align: center;
    margin-bottom: 14px;
}

    .lkhierarchysf .search_box input.ui-autocomplete-input {
        width: 100%;
        height: 50px;
        background: #fff;
        font-size: 22px;
        outline: none;
        border: 1px solid #ddd;
        border-radius: 0;
    }

.lkhierarchysf .ms-input-group-addon {
    color: #fff;
    background-color: #cc6600;
    border-color: #b35900;
    border-radius: 0;
}

    .lkhierarchysf .ms-input-group-addon:after {
        content: "\e003";
        font-family: 'Glyphicons Halflings';
        color: #fff;
        font-size: 22px;
    }

.lkhierarchysf .search_box button.ms-btn.ms-btn-success.searchAddBtn {
    z-index: 99;
    height: 50px;
    font-size: 12px;
}

.lkhierarchysf .search_box a.searchAddBtn {
    font-size: 14px;
    color: #999;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 4px 6px;
}

    .lkhierarchysf .search_box a.searchAddBtn:hover {
        color: #333;
    }

.Search_result a {
    color: #595959;
}

    .Search_result a:hover {
        color: #595959;
        text-decoration: none;
    }

.Search_result:hover {
    background: #fbfbfb;
}

.Search_result {
    border-bottom: 1px solid #eee;
    padding: 10px;
    font-weight: normal;
}

.lkhierarchysf li.r_result {
    border-bottom: 1px solid #eee;
    padding-right: 10px;
    font-weight: normal;
}

.Search_result .s_title,
.lkhierarchysf .r_result .r_title {
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
    font-size: 12px;
}

.Search_result mark,
.lkhierarchysf mark {
    background: #e1f3ff !important;
    color: #005792 !important;
}

.Search_result .search_des,
.lkhierarchysf .r_result .r_des {
    height: 18px;
    overflow: hidden;
    display: block;
    font-size: 12px;
    margin-top: 4px;
}

.lkhierarchysf .lk_cat-lists .trace_edit,
.lkhierarchysf .innerArticle .trace_edit {
    top: 2px;
    position: absolute;
    right: 6px;
}

    .lkhierarchysf.show_button .trace_edit a em:hover,
    .lkhierarchysf .act_icons em:hover,
    .lkhierarchysf .innerArticle .trace_edit a em:hover {
        color: #111;
    }

.lkhierarchysf .lk_cat-lists li.folder_link ~ .trace_edit {
    margin: 0;
}

.lkhierarchysf .rounded-list li .trace_edit {
    position: absolute;
    right: 14px;
    top: 3px;
}

.lkhierarchysf .rounded-list li .trace_edit {
    position: relative;
    right: 0px;
    top: 0px;
    display: block;
    float: none !important;
    text-align: right;
}

.autocomplete-suggestions a,
.autocomplete-suggestions a:visited,
.autocomplete-suggestions a:hover,
.autocomplete-suggestions a:active {
    text-decoration: none;
    color: #555;
}

.lkhierarchysf .desktop_toc > ul.sidebar-menu > li > .sidebar-link {
    font-weight: bold;
    padding-right: 30px;
}

.lkhierarchysf .desktop_toc > ul.sidebar-menu > li > .sidebar-link,
.lkhierarchysf .desktop_toc > ul.sidebar-menu > li.ms-active > .sidebar-link,
.lkhierarchysf .desktop_toc > ul.sidebar-menu > li.ms-active > .sidebar-link:hover {
    background: none;
    color: #333;
}

.lkhierarchysf .sidebar.desktop_toc > ul.sidebar-menu.category-list > li > ul.sidebar-menu.category-list > li > ul {
    border-left: 1px solid #eee;
}

.lkhierarchysf .list-heading.innerArticle {
    display: block !important;
    margin-bottom: 30px;
}

    .lkhierarchysf .list-heading.innerArticle .active {
        font-weight: bold;
    }

.lkhierarchysf .Card_View_No .parent {
    font-weight: bold;
    line-height: 24px;
    color: #444;
    padding: 8px;
}

    .lkhierarchysf .Card_View_No .parent:hover {
        box-shadow: 0 1px 15px 0 rgba(0,0,0,0.25);
    }

    .lkhierarchysf .Card_View_No .parent .child_link {
        display: block;
        padding-left: 15px;
        color: #777;
        text-decoration: none;
        line-height: 30px;
    }

        .lkhierarchysf .Card_View_No .parent .child_link:hover {
            color: #333;
        }

.lkhierarchysf .accordion_icon {
    color: #337ab7;
    background: #fbfbfb;
    padding: 8px;
    cursor: pointer;
}

    .lkhierarchysf .accordion_icon:after {
        content: "+";
        font-size: 26px;
        width: 20px;
        float: right;
        color: #337ab7;
        top: -8px;
        position: relative;
    }

.lkhierarchysf .ms-glyphicon-plus.stoggle,
.lkhierarchysf .ms-glyphicon-minus.stoggle {
    float: right;
    top: 8px;
    z-index: 999;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    right: 8px;
}

.lkhierarchysf ul.Setting_btn {
    margin-left: 0;
}

@media (max-width: 991px) {
    .lkhierarchysf .userinfo h1 {
        font-size: 20px;
    }

    .lkhierarchysf .userinfo .ms-success {
        left: 10%;
        bottom: 15%;
    }

    .lkhierarchysf .userinfo .ms-danger {
        right: 10%;
        bottom: 15%;
    }

    .lkhierarchysf .Related .rightoggle.ms-badge {
        float: none;
        display: block;
        text-align: left;
        white-space: normal;
    }

    .lkhierarchysf .title_desc > h1,
    .lkhierarchysf .mediaprint > h1,
    .lkhierarchysf .lk_cat-lists h1 {
        font-size: 24px;
    }
}